<template>
  <div class="empty-container">
    <Icon type="empty" />
    <span>{{ text }}</span>
  </div>
</template>

<script>
import Icon from "./Icon.vue";

export default {
  components: {
    Icon,
  },
  props: {
    text: {
        type: String,
        default: "无数据"
    },
  },
};
</script>

<style scoped lang="less">
@import "../styles/color.less";

.empty-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: @gray;
    .icon-container{
      font-size: 100px;
    }
}
</style>